export const optionConfig = (data1, data2, data3, data4) => {
    return {
        tooltip: {
            trigger: 'item',
            formatter: '{b} : {c} ({d}%)'
        },
        grid: {
            left: '10%'
        },
        series: [{
            type: 'pie',
            radius: ['30%', '80%'],
            center: ['40%', '50%'],
            roseType: 'radius',
            label: {
                show: true,
                normal: {
                    position: 'outside',
                    fontSize: 10
                }
            },
            labelLine: {
                length: 1,
                length2: 20,
                smooth: true
            },
            data: [{
                value: data1,
                name: 'Mvct',
                itemStyle: {
                    color: "rgba(255,40,120,0.7)",
                    borderColor: "rgba(255,40,120,1)",
                    borderWidth: 3
                }
            },
                {
                    value: data2,
                    name: 'Tx',
                    itemStyle: {
                        color: "rgba(66,243,255,0.7)",
                        borderColor: "rgba(66,243,255,1)",
                        borderWidth: 3
                    }
                },
                {
                    value: data3,
                    name: 'QA',
                    itemStyle: {
                        color: "rgba(243,188,68,0.7)",
                        borderColor: "rgba(243,188,68,1)",
                        borderWidth: 3
                    }
                },
                {
                    value: data4,
                    name: 'PatientQA',
                    itemStyle: {
                        color: "rgba(234,110,40,0.7)",
                        borderColor: "rgba(234,110,40,1)",
                        borderWidth: 3
                    }
                }
            ]
        }]
    };
}
